<html>
	<head>
        <title>ChubyQC's Time Tracker</title>
        <link type="text/css" href="timetracker.css" rel="stylesheet"/>
		
        <script type="text/javascript" src="lib/air/AIRAliases.js"></script>
        <script type="text/javascript" src="lib/mootools/mootools.js"></script>
        <script type="text/javascript" src="lib/mootools/more.js"></script>
		
        <script type="text/javascript" src="lib/helpers/element.js"></script>
        <script type="text/javascript" src="lib/helpers/utils.js"></script>
		
        <script type="text/javascript" src="lib/listeners/itaskinputlistener.js"></script>
        <script type="text/javascript" src="lib/listeners/itasklistener.js"></script>
        <script type="text/javascript" src="lib/listeners/itemplateinputlistener.js"></script>
        <script type="text/javascript" src="lib/listeners/itemplateslistener.js"></script>
        <script type="text/javascript" src="lib/listeners/ioptionslistener.js"></script>
        <script type="text/javascript" src="lib/listeners/itrackerlistener.js"></script>
        <script type="text/javascript" src="lib/listeners/ihaslisteners.js"></script>
		
        <script type="text/javascript" src="lib/menu.js"></script>
        <script type="text/javascript" src="lib/timetracker.js"></script>
		
        <script type="text/javascript" src="lib/htmltemplate/htmltemplate.js"></script>
        <script type="text/javascript" src="lib/htmltemplate/htmltemplates.js"></script>
		
        <script type="text/javascript" src="lib/abstractstate.js"></script>
		
        <script type="text/javascript" src="lib/templates/templateinput.js"></script>
        <script type="text/javascript" src="lib/templates/templates.js"></script>
        <script type="text/javascript" src="lib/templates/template.js"></script>
		
        <script type="text/javascript" src="lib/tracker/task.js"></script>
        <script type="text/javascript" src="lib/tracker/taskinput.js"></script>
        <script type="text/javascript" src="lib/tracker/tabpanel.js"></script>
        <script type="text/javascript" src="lib/tracker/tab.js"></script>
        <script type="text/javascript" src="lib/tracker/goal.js"></script>
        <script type="text/javascript" src="lib/tracker/options.js"></script>
        <script type="text/javascript" src="lib/tracker/tracker.js"></script>
        <script type="text/javascript" src="lib/tracker/previoustimemanager.js"></script>
		
        <script type="text/javascript" src="lib/factories/inputfactory.js"></script>
        <script type="text/javascript" src="lib/factories/taskfactory.js"></script>
        <script type="text/javascript" src="lib/factories/templatefactory.js"></script>
        <script type="text/javascript" src="lib/factories/templateinputfactory.js"></script>
		
        <script type="text/javascript" src="lib/persistence/filebased/timedwriter.js"></script>
        <script type="text/javascript" src="lib/persistence/filebased/loader.js"></script>
        <script type="text/javascript" src="lib/persistence/filebased/taskinputlistener.js"></script>
        <script type="text/javascript" src="lib/persistence/filebased/tasklistener.js"></script>
        <script type="text/javascript" src="lib/persistence/filebased/templateinputlistener.js"></script>
        <script type="text/javascript" src="lib/persistence/filebased/templatelistener.js"></script>
        <script type="text/javascript" src="lib/persistence/filebased/templateslistener.js"></script>
        <script type="text/javascript" src="lib/persistence/filebased/optionslistener.js"></script>
        <script type="text/javascript" src="lib/persistence/filebased/trackerlistener.js"></script>
        <script type="text/javascript" src="lib/persistence/filebased/previoustimemanagerlistener.js"></script>
	</head>
    <body onload="tt.instance = new tt.TimeTracker(
		new tt.Menu($('menuButtonTemplates')
			, $('menuButtonTracker')
			, $('menuButtonOptions')
			, $('menuButtonResetTime')
			, $('menuButtonHide')
			, $('menuButtonClose')),
		$('states'), $('htmlTemplates')
			, $('previousTimeSelect')
			, $('menuButtonStartNewTime'))"
		onresize="if (tt.instance) tt.instance.resized()">
		<table class="area menu" border="0" cellspacing="0" cellpadding="0">
		    <tr>
		        <td class="menuButtons">
		            <table class="menu">
                		<tr>
                			<td class="menuButton">
                				<div id="menuButtonTemplates">Templates</div>
            				</td>
            				<td class="menuButton">
            					<div id="menuButtonTracker">Tracker</div>
            				</td>
            				<td class="menuButton">
            					<div id="menuButtonOptions">Options</div>
            				</td>
            				<td></td>
                		</tr>
                	</table>
		        </td>
                <td>
                    <table class="menu">
                		<tr>
            				<td class="menuButton">
            					<div id="menuButtonResetTime">Reset Time</div>
            				</td>
            				<td>
								<table class="menu">
									<tr>
										<td>
			            					<select id="previousTimeSelect">
			            						<option value="previousTimes">Previous times</option>
												<option value="now">Now</option>
			            					</select>
										</td>
										<td class="menuButton">
											<div id="menuButtonStartNewTime">Start new time</div>
										</td>
									</tr>
								</table>
            				</td>
                		</tr>
                	</table>
                </td>
		    </tr>
        </table>
    	<div id="states">
	    	<div id="tracker" class="state">
	    		<table class="fullTable" cellpadding="0" cellspacing="0" border="0">
	    			<tr>
	    				<td class="tasksContainer">
							<div id="tabsContainer"></div>
			    			<table>
			    				<tr>
			    					<td class="total">Total: (</td>
									<td id="trackerTotal" class="total">0</td>
									<td class="total">min. )</td>
									<td class="total">(</td>
									<td id="trackerTotalInFractionalHours" class="total">0.00</td>
									<td class="total">)</td>
									<td class="total">(</td>
									<td id="trackerTotalInHours" class="total">0h00</td>
									<td class="total">)</td>
			    				</tr>
			    			</table>
	    				</td>
						<td class="tasksContainer currentTasksContainer">
						    <table class="rightPanel" cellpadding="0" cellspacing="0" border="0">
						        <tr>
						            <td>
						                <div class="currentTasksTitle">Current goal</div>
            							<div id="currentGoalContainer" class="tasksContainer">
            							    <div>
                							    - Your goal is to achieve this amount of time:
                                                <input id="goalInput" type="text" value="7h30" />
                                            </div>
                                            <div>
                                                - You still have 
                                                ( <span id="goalRemainingMin"></span> min. ) 
                                                ( <span id="goalRemainingFractionalHours"></span> ) 
                                                ( <span id="goalRemainingHours"></span> ) 
                                                 to do.
                                            </div>
                                            <div>
                                                - You should be done by <span id="goalDoneTime"></span>.
                                            </div>
            							</div>
						            </td>
						        </tr>
                                <tr>
                                    <td>
            							<div class="currentTasksTitle">Current tasks</div>
            							<div id="currentTasksContainer" class="tasksContainer"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
            							<div class="todoTasksTitle">Tasks to do</div>
            							<div id="todoTasksContainer" class="tasksContainer"></div>
                                    </td>
                                </tr>
						    </table>
						</td>
	    			</tr>
				</table>
	    	</div>
			<div id="templates" class="state">
				<div class="newButtonArea">
					<div id="templatesNew" class="menuButton newButton"a>New</div>
				</div>
				<div id="templateListContainer">
					<div id="templatesList"></div>
				</div>
			</div>
			<div id="options" class="state">
				<div>
					<input id="optionsAlwaysOnTop" type="checkbox" checked/>Always on top
				</div>
				<div>
					Number of concurrent tasks allowed (0 for unlimited)<input id="optionsConcurrencyCount" type="text" value="0"/>
				</div>
			</div>
		</div>
		<div id="htmlTemplates">
			<div id="htmlTemplatesTemplate" class="area template">
				<input id="htmlTemplatesTemplateName" type="text"/>
				<table>
					<tr>
						<td>
							<table>
								<tr id="htmlTemplatesTemplateInputs"></tr>
							</table>
						</td>
						<td>
							<div id="htmlTemplatesTemplateAdd" class="button">+</div>
						</td>
						<td>
							<div id="htmlTemplatesTemplateRemove" class="button">-</div>
						</td>
					</tr>
				</table>
			</div>
			<div id="htmlTemplatesTemplateInput">
				<table>
					<tr>
						<td class="taskInput">
							<input id="htmlTemplatesTemplateInputText" type="text"/>
						</td>
						<td>
							<div id="htmlTemplatesTemplateInputText" class="button">-</div>
						</td>
					</tr>
				</table>
			</div>
			<div id="htmlTemplatesTaskInput">
				<div id="htmlTemplatesTaskInputLabel"></div>
				<textarea id="htmlTemplatesTaskInputText" class="taskInput"></textarea>
			</div>
			<div id="htmlTemplatesTask" class="area task">
			    <div id="htmlTemplatesTaskProjectName"></div>
				<table class="taskBtnsContainer" cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td>
							<table>
								<tr id="htmlTemplatesTaskInputs">
								    
								</tr>
							</table>
						</td>
						<td>
							<table class="taskBtnsContainer">
								<tr>
									<td>
										<input id="htmlTemplatesTaskTime" type="text" value="0" class="taskTime"/>
									</td>
									<td class="label">min.</td>
									<td class="total">(</td>
									<td id="htmlTemplatesTaskTimeInFractionalHours" class="total"></td>
									<td class="total">)</td>
									<td class="total">(</td>
									<td id="htmlTemplatesTaskTimeInHours" class="total"></td>
									<td class="total">)</td>
                                    <td class="paddingTD"></td>
								</tr>
								<tr>
									<td colspan="9">
									    <div>
    										<div id="htmlTemplatesTaskStart" class="button taskbutton">
    											Start
    										</div>
                                            <div id="htmlTemplatesTaskReset" class="button taskbutton">
    											Reset
    										</div>
                                            <div id="htmlTemplatesTaskTodo" class="button taskbutton">
    											Todo
    										</div>
                                            <div id="htmlTemplatesTaskDelete" class="button taskbutton removeTask">
    											-
    										</div>
								        </div>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</div>
			<div id="htmlTemplatesTabPanel">
				<table cellpadding="0" cellspacing="0" border="0" class="tabPanelHeaderArea">
					<tr id="htmlTemplatesTabPanelHeaders">
					</tr>
				</table>
			</div>
			<div id="htmlTemplatesTab">
				<div id="htmlTemplatesNewButtonArea" class="newButtonArea">
					<div id="htmlTemplatesNewTaskButton" class="menuButton newButton">New</div>
					<div id="htmlTemplatesResetProjectTimeTaskButton" class="menuButton newButton">Reset Time</div>
				</div>
                <div id="htmlTemplatesTrackerList" class="taskList"></div>
                <table class="taskListTotal">
    				<tr>
    					<td class="total">Total: (</td>
						<td id="htmlTemplatesTotal" class="total">0</td>
						<td class="total">min. )</td>
						<td class="total">(</td>
						<td id="htmlTemplatesTotalInFractionalHours" class="total">0.00</td>
						<td class="total">)</td>
						<td class="total">(</td>
						<td id="htmlTemplatesTotalInHours" class="total">0h00</td>
						<td class="total">)</td>
    				</tr>
    			</table>
			</div>
		</div>
		<div id="previousTimesWindow">
			<div id="previousTimesWindowContent"></div>
			<div id="previousTimesWindowCloseButton" class="button">Close</div>
			<div id="previousTimesWindowDeleteButton" class="button">Delete</div>
			<div id="previousTimesWindowToggleRoundingButton" class="button">Toggle Rounding (Off)</div>
		</div>
    </body>
</html>